<template>
<div style="height:100%;overflow-y:auto">
<Card>
        <Row style="text-align: center;">
            <h1>喜涮涮——卡牛数据</h1>
        </Row>
        <Collapse v-model="value1">
            <Panel name="1">
                信用历史时长类
                <div slot="content">
                    <Form :label-width="120" inline>
                        <FormItem label="信用账龄" prop="">
                            <Input placeholder="" v-model="knCreditCardInfo.creditAge" readonly></Input>
                        </FormItem>
                        <FormItem label="平均信用账龄" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.creditAgeAvg" readonly></Input>
                        </FormItem>
                    </Form>
                </div>
            </Panel>
             <Panel name="2">
                信用账户个数类
                <div slot="content">
                    <Form :label-width="120" inline>
                        <FormItem label="信用卡张数" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.cardNum" readonly></Input>
                        </FormItem>
                        <FormItem label="活跃卡数" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.activeCardNum" readonly></Input>
                        </FormItem>
                    </Form>
                </div>
            </Panel>
            <Panel name="3">
                信用额度类
                <div slot="content">
                    <Form :label-width="120" inline>
                        <FormItem label="信用卡最低额度" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.creditLimitMin" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡最高额度" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.creditLimitMax" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡平均额度" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.creditLimitAvg" readonly></Input>
                        </FormItem>
                    </Form>
                </div>
            </Panel>
            <Panel name="4">
                消费行为类
                <div slot="content">
                <Form :label-width="120" inline>
                        <FormItem label="信用卡最新单期最高账单金额" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.newChargesMax" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡最新单期最低账单金额" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.newChargesMin" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡最新单期应还金额加总后的平均应还金额" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.newBalanceAvg" readonly></Input>
                        </FormItem>
                        <br>
                        <FormItem label="信用卡最新单期应还金额加总额度使用率" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.creditUsage" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡近3个月单期最高账单金额" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.newChargesMaxLst3" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡近3个月单期最低账单金额" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.newChargesMinLst3" readonly></Input>
                        </FormItem>
                        <br>
                        <FormItem label="信用卡近3个月的应还金额加总后的月平均应还金额" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.newChargesAvgLst3" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡近3个月的应还金额加总额度使用率" prop="">
                            <Input placeholder=""  v-model="creditUsageLst3" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡近6个月单期最高账单金额" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.newChargesMaxLst6" readonly></Input>
                        </FormItem>
                        <br>
                        <FormItem label="信用卡近6个月单期最低账单金额" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.newChargesMinLst6" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡近6个月的应还金额加总后的月平均应还金额" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.newBalanceAvgLst6" readonly></Input>
                        </FormItem>
                        <FormItem label="信用卡近6个月的应还金额加总额度使用率" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.creditUsageLst6" readonly></Input>
                        </FormItem>
                        <br>
                        <FormItem label="近6月出现‘滞纳金交易’的月份数" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.transCntLatefeeLst6" readonly></Input>
                        </FormItem>
                        <FormItem label="近6月出现‘利息交易’的月份数" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.transCntInterestLst6" readonly></Input>
                        </FormItem>
                        <FormItem label="近6月出现‘取现交易’的月份数" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.transCntCashLst6" readonly></Input>
                        </FormItem>
                        <br>
                        <FormItem label="连续3月账单的还款属于自动还款的卡数：还款交易（关联自扣）" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.autopayCardsLst3" readonly></Input>
                        </FormItem>
                        <FormItem label="各张卡‘理财消费’的刷卡交易笔数" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.transCntLc" readonly></Input>
                        </FormItem>
                        <FormItem label="各张卡‘分期消费’的刷卡交易笔数" prop="">
                            <Input placeholder=""  v-model="knCreditCardInfo.transCntFq" readonly></Input>
                        </FormItem>
                    </Form>
                </div>
            </Panel>
        </Collapse>
    </Card>
    </div>
</template>

<script>
export default {
  name: 'loan-credit-reporting',
  data () {
    return {
      value1: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30],
      item: null,
      datas: [],
      rl: null,
      fq: null,
      baseUrl: this.$appContext.marvels_core_approve,
      knCreditCardInfo: {}
    }
  },
  methods: {
    initpage: function () {
      this.loadCredit()
    },
    // 征信报告
    loadCredit: function () {
      var vm = this
      //  var loanId = this.$route.query.loanId;
      //  var serviceType =this.$route.query.serviceType;
      // //  debugger
      //  var reqNo = this.$route.query.reqNo;
      //  console.log(reqNo,serviceType,loanId);
      var params = {}
      params.loanId = this.$route.query.loanId
      params.serviceType = this.$route.query.serviceType
      params.reqNo = this.$route.query.reqNo
      this.$ajax.get(this.baseUrl + '/approve/process/credit_reporting/service/getCreditDetail', {params: params}).then(re => {
        var data = re.data
        vm.knCreditCardInfo = data.data.data
      }).catch(er => {

      })
    }
  },
  created () {
    this.$ajax = this.$util.ajax()
    this.initpage()
    document.getElementsByTagName('title')[0].innerText = '卡牛洗刷刷-核心管理系统'
  },
  //   watch: {
  //     //点击tab页签，加载数据，只加载一次
  //     "taskParams.creditDataMxServiceImpl_detail"(v) {
  //         // debugger
  //     //   if (v) {
  //     //     this.initpage();
  //     //   }
  //     }
  //   },
  props: {
    taskParams: Object
  }
}
</script>

<style lang="less">
.ivu-form-item {
  margin-bottom: 1px;
}
</style>
